<template>
  <el-carousel :interval="5000" arrow="always">
<<<<<<< HEAD
    <el-carousel-item v-for=" (IMG , index) in  URLS" :key="index">
      <img :src="URL + IMG.img " />
=======
   
    <el-carousel-item>
      <img src="@/assets/img/77.png" alt />
    </el-carousel-item>
    <el-carousel-item>
      <img src="@/assets/img/88.jpg" alt />
    </el-carousel-item>
    <el-carousel-item>
      <img src="@/assets/img/66.jpg" alt />
>>>>>>> 314b442cce11d658746227581b0160373004c345
    </el-carousel-item>
  </el-carousel>
</template>
<script>
import { Carousel } from "element-ui";
import axios from "axios";
export default {
  name: "Banner",
  comments: {
    Carousel
  },
  data() {
<<<<<<< HEAD
    return {
      URL: "https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/",
      URLS: [
        {
          img:
            "1576056635420wx915b2fc63abe303b.o6zAJsymauwfQ_DdzKTcpKeuIbkg.jBKnfskTjfPD2216c5ba0664bba0f3254515215bd91e.jpg"
        },
        {
          img:
            "1576056634725wx915b2fc63abe303b.o6zAJsymauwfQ_DdzKTcpKeuIbkg.4MV5bBAUHAWJbd3a62846e8770c3afb0045699e28e6a.jpg"
        },
        {
          img:
            "1576203841827wx915b2fc63abe303b.o6zAJsymauwfQ_DdzKTcpKeuIbkg.rVqMwI7xoVaO0c528da7d6817c8091449bf59bf76f37.png"
        }
      ]
    };
=======
    return {};
>>>>>>> 314b442cce11d658746227581b0160373004c345
  },
  beforeCreate() {
    this.$nextTick(() => {
      this.getBanner();
    });
  },

  methods: {
    getBanner() {
      this.$ajax({
        method: "post",
        url: "/api/piccontent/list",
        data: {
          pageNow: 1,
<<<<<<< HEAD
          pageSize: 10,
=======
          pageSize:10,
>>>>>>> 314b442cce11d658746227581b0160373004c345
          type: 0
        },

        success: res => {
          if (res.data) {
            this.questionList = res.data.data.careerSubjectEntities;
          }
        }
      });
    }
  }
};
</script>
<style lang="scss">
.el-carousel .el-carousel__container {
  position: relative;
  height: 600px;
  .el-carousel-item {
    height: 600px;
  }

  .el-carousel__arrow {
    height: 60px;
    width: 60px;
    background-color: rgba(31, 45, 61, 0.6);
    font-size: 36px;
  }
  .el-carousel__arrow--left {
    left: 40px;
  }
  .el-carousel__arrow--right {
    right: 40px;
  }

  img {
    height: 600px;
    width: 100%;
  }
}
</style>